<template>
	<footer>
		<ul>
			<li><router-link to="/takeOut"><img src="../../assets/image/e.png"><p>外卖</p></router-link></li>
			<li><router-link to="/discover"><img src="../../assets/image/发现.png"><p>发现</p></router-link></li>
			<li><router-link to="/order"><img src="../../assets/image/订单.png"><p>订单</p></router-link></li>
			<li><router-link to="/my"><img src="../../assets/image/我的.png"><p>我的</p></router-link></li>
		</ul>
	</footer>
</template>

<script>
	
</script>

<style>
	footer{
		width: 100%;
		height: 1.5625rem;
		position:fixed;
		bottom: 0;
		font-size: 0.36rem;
		border-top: 0.03125rem solid #f4f4f4;
	}
	footer ul{
		display: flex;
		width: 100%;
		height: 100%;
	}
	footer li{
		width: 25%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer a{
		width: 50%;
		height: 80%;
		text-align: center;
		color: #666666;
	}
	footer img{
		width: 0.78125rem;
		height: 0.78125rem;
	}
</style>